<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>日期选择</title>
	</head>
	<body>
		请输入生日：
		<select id="y"></select>年
		<select id="m"></select>月
		<select id="d"></select>日
		<a href="object.html">对象</a>
		<script type="text/javascript">			
			/*创建option选项,参数start表示开始值，end表示最终值*/
			function createOption (start,end,cur) {
				var str="";
				for(var i=start;i<=end;i++){
					str+="<option value='";
					str+=i+"'";
					if(i==cur) str+=" selected='selected'";
					str+=">";
					str+=i+"</option>";
				}
				return str;
			}
			Date.prototype.getDays=function () {
				var d1=new Date(this);
				var d2=new Date(this);
				d1.setMonth(this.getMonth()+1);
				d1.setDate(1);
				d2.setDate(1);
				return (d1-d2)/(1000*60*60*24);
			}
			var curDate=new Date();//当前日期
			var cy=curDate.getFullYear();//当前年份
			var cm=curDate.getMonth()+1;//当前月份
			var cd=curDate.getDate();//当前月的第几天
			console.log(cy,cm,cd);
			var sy=document.getElementById("y");
			var sm=document.getElementById("m");
			var sd=document.getElementById("d");
			sy.onchange=sm.onchange=function () {
				var dd=new Date(sy.value+"/"+sm.value+"/1")
				sd.innerHTML=createOption(1,dd.getDays(),cd);
			}			
			sy.innerHTML=createOption(1970,2050,cy);
			sm.innerHTML=createOption(1,12,cm);
			sd.innerHTML=createOption(1,curDate.getDays(),cd);
		</script>
	</body>
</html>
